<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/gouwuche.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back"">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
		    <h1 class="mui-title">我的购物车</h1>
		    <span class="gouwuche">
		    	<i class="iconfont icon-gouwuche"></i>
		    </span>
		</header>
		
		<!--  底部导航栏     -->
		
		<nav id="nav" class="mui-bar mui-bar-tab">
		    <a href="me.html" class="mui-tab-item mui-active">
		       <a class="heji">合计：<span class="jiage">￥720</span></a>
		       <a class="jiesuan">立即结算</a>
		    </a>
		</nav>
		<!--  主题内容组件     -->
		<div id="contents" style="padding-bottom: 152px;" class="mui-content">
			
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
//			nav_tab();
	    	//底部导航栏点击跳转页面函数
//	    	function nav_tab(){
//	    		var nav = document.getElementById("nav");
//		    	var nav_tab = nav.getElementsByClassName("mui-tab-item");
//		    	for(var i=0;i<nav_tab.length;i++){
//		    		(function(x){
//		    			nav_tab[x].addEventListener('tap',function(){
//					        window.location.href = this.href;
//					    });
//		    		})(i)
//		    	}
//	    	}
		
		</script>
		<script>
			function jisuan(){
				var contents=document.getElementById("contents")
				var nulls=contents.getElementsByClassName("mui-numbox-input");
				for(var i=0;i<nulls.length;i++){
					
				}
			}
		</script>
		<script>
			$.getJSON("../json/gouwuche.json",function(data){
				var list_product ="";
				$.each(data,function(infoIndex,info){
//					alert(info.g_data_numbox_max)
					list_product +='<div class="mui-input-row mui-checkbox mui-left">';
					list_product +='<label>';
					list_product +='<div class="label_one">';
					list_product +='<div class="label_one_img">';
					list_product +='<img src="../img/wode/jiyou1.jpg" />';
					list_product +='</div>';
					list_product +='<div class="label_one_contain">';
					list_product +='<p>道达尔(TOTAL) 快驰9000全合成机油润滑油 5W30</p>';
					list_product +='<div class="label_one_contain_bottom">';
					list_product +='<span class="jiaqian">￥360</span>';
					list_product +='<div style="margin: 12px 0 0 0;" class="mui-numbox" data-numbox-step="1" data-numbox-min="0" data-numbox-max="10000">';
					list_product +='<button class="mui-btn mui-numbox-btn-minus" type="button">-</button>';
					list_product +='<input style="height: 24px;" class="mui-numbox-input" type="number" />';
					list_product +='<button class="mui-btn mui-numbox-btn-plus" type="button">+</button>';
					list_product +='</div></div></div></div>';
					list_product +='</label>';
					list_product +='<input name="checkbox1" value="Item 1" type="checkbox">';
					list_product +='</div>';
					
				});
				$("#contents").append(list_product);
				mui(".mui-numbox").numbox();
			});
		</script>
	</body>

</html>
